<template>
    <div class="edit-success">
        <header class="header">
            <div class="header-right" >
                <span @click="back">完成</span>
            </div>
        </header>
        <main class="main">
            <div>
                <p>编辑成功!</p>
            </div>
        </main>
    </div>
</template>
<script>
import {mapState} from "vuex"
export default {
    name:"EditSuccess",
    computed:{
        ...mapState(["fromPagePath"])
    },
    methods:{
        back(){
            this.$router.replace({path:this.fromPagePath})
        }
    }
}
</script>
<style lang="scss" scoped>
@import "../assets/common/base.scss";
.edit-success{
    text-align: center;
    .header{
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding:0 15px ; 
        box-sizing: border-box;
        background-color: #fff;
        border-bottom: 1px solid rgb(231, 228, 228);
        .header-right{
            span{
                font-size: 14px;
                color: $mainCol;
            }
        }
    }
    .main{
        >div{
            margin-top: 10px;
            p{
                font-size: 16px;
            }
        }
    }
}
</style>